<!-- 表示当前文档是html5版本，让浏览器用h5的规范解析 -->
<!DOCTYPE html>
<!-- 表示网页的开始与结束 lang="en"表示网页是一个英文网站 zh表示中文 -->
<html lang="en">
<!-- 网页头部，存放一些配置信息 -->
<head>
    <meta charset="UTF-8"> <!-- 配置编码，为了认识中文 -->
    <title>我是网页标题</title> <!-- 配置网页的标题 -->
</head>
<body> <!-- 网页展示的内容 -->
    第一个网页的内容
    <!-- 1.文本处理标签 -->
    <b>加粗文本</b>
    <i>斜体文字</i>
    <s>删除线文字</s>
    <u>下划线文字</u>
    <!-- 2.换行标签 -->
    <br>
    <!-- 3.转义符号 &nbsp;空格 &lt;小于号(less than) &gt;大于号(greater than)-->
    <mark>高亮标记文字</mark>
    我最喜欢tom的静夜思
    <!--4.标题标签-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级标题</h7>
    <!--5.段落标签 独占一行的块级元素 有垂直方向的行间距 -->
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <!--6.lorem然后按Tab补全 生成假文 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Expedita fugiat itaque laborum nulla obcaecati quidem recusandae rerum!
    Adipisci esse fugit ipsam iusto magnam, natus nihil perferendis qui tempora tenetur voluptas?
    <hr>
    <!--7. 有序列表  ol(ordered list) li(list item)-->
    <!--type="" 1阿拉伯数字(默认值) A/a(大小写字母) I/i(大小写罗马数字)-->
    <ol type="I">
        <li>第一项</li>
        <li>第二项</li>
        <li>第三项</li>
        <li>第四项</li>
        <li>第五项</li>
    </ol>
    <!--8. 无序列表 ul(unordered list) li(list item)   -->
    <!-- type="none" 去除列表项前标识符 -->
    <ul type="none">
        <li>第一项</li>
        <li>第二项</li>
        <li>第三项</li>
    </ul>
    <hr>
    <ul type="none">
        <li>
            热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>
            凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>皮蛋豆腐</li>
                <li>凉拌三丝</li>
            </ol>
        </li>
        <li>
            主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>
    <hr>
    <h1>个人简历</h1>
    <h3>基本信息</h3>
    <ul type="none">
        <p>姓名: <b>顾执</b></p>
        <p>性别：男</p>
        <p>爱好： <s>摄影</s></p>
    </ul>
    <h3>个人经历</h3>
    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高学12年</li>
    </ul>
    <h3>获得荣誉</h3>
    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
</body>
</html>
